<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Awesome-pyecharts</title>
            <script type="text/javascript" src="https://assets.pyecharts.org/assets/echarts.min.js"></script>
        <script type="text/javascript" src="https://assets.pyecharts.org/assets/themes/macarons.js"></script>

</head>
<body>
    <div id="a394efbc8bef46838069c90790801bc7" class="chart-container" style="width:900px; height:500px;"></div>
    <script>
        var chart_a394efbc8bef46838069c90790801bc7 = echarts.init(
            document.getElementById('a394efbc8bef46838069c90790801bc7'), 'macarons', {renderer: 'canvas'});
        var option_a394efbc8bef46838069c90790801bc7 = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 1000,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "series": [
        {
            "type": "bar",
            "name": "\u8425\u4e1a\u6536\u5165",
            "data": [
                2966193,
                2516810,
                1419836,
                1168867,
                855164,
                850884,
                843324,
                830452,
                745917,
                745165,
                705629
            ],
            "barCategoryGap": "20%",
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            }
        },
        {
            "type": "bar",
            "name": "\u5229\u6da6",
            "data": [
                57591,
                45677,
                41881,
                149407,
                312224,
                23677,
                25603,
                20197,
                106641,
                58287,
                266733
            ],
            "barCategoryGap": "20%",
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            }
        },
        {
            "type": "bar",
            "name": "\u8d44\u4ea7",
            "data": [
                1755071,
                2733190,
                2034451,
                8222929,
                30109436,
                1056185,
                849333,
                1081239,
                1629240,
                3726734,
                25436261
            ],
            "barCategoryGap": "20%",
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            }
        },
        {
            "type": "bar",
            "name": "\u5e02\u503c",
            "data": [
                595487,
                1017904,
                235903,
                1540194,
                2051810,
                139087,
                278650,
                132507,
                1201396,
                870427,
                1518741
            ],
            "barCategoryGap": "20%",
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            }
        },
        {
            "type": "bar",
            "name": "\u80a1\u4e1c\u6743\u76ca",
            "data": [
                739169,
                1230428,
                277197,
                673161,
                2676186,
                221457,
                249702,
                209959,
                1103773,
                403764,
                2216257
            ],
            "barCategoryGap": "20%",
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            }
        }
    ],
    "legend": [
        {
            "data": [
                "\u8425\u4e1a\u6536\u5165",
                "\u5229\u6da6",
                "\u8d44\u4ea7",
                "\u5e02\u503c",
                "\u80a1\u4e1c\u6743\u76ca"
            ],
            "selected": {
                "\u8425\u4e1a\u6536\u5165": true,
                "\u5229\u6da6": true,
                "\u8d44\u4ea7": true,
                "\u5e02\u503c": true,
                "\u80a1\u4e1c\u6743\u76ca": true
            },
            "show": true,
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0
    },
    "xAxis": [
        {
            "name": "\u4f01\u4e1a\u540d\u79f0",
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "axisLabel": {
                "show": true,
                "position": "top",
                "rotate": 20,
                "margin": 8
            },
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "show": true,
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            },
            "data": [
                "\u4e2d\u56fd\u77f3\u6cb9\u5316\u5de5\u80a1\u4efd\u6709\u9650\u516c\u53f8",
                "\u4e2d\u56fd\u77f3\u6cb9\u5929\u7136\u6c14\u80a1\u4efd\u6709\u9650\u516c\u53f8",
                "\u4e2d\u56fd\u5efa\u7b51\u80a1\u4efd\u6709\u9650\u516c\u53f8",
                "\u4e2d\u56fd\u5e73\u5b89\u4fdd\u9669\uff08\u96c6\u56e2\uff09\u80a1\u4efd\u6709\u9650\u516c\u53f8",
                "\u4e2d\u56fd\u5de5\u5546\u94f6\u884c\u80a1\u4efd\u6709\u9650\u516c\u53f8",
                "\u4e2d\u56fd\u4e2d\u94c1\u80a1\u4efd\u6709\u9650\u516c\u53f8",
                "\u4e0a\u6d77\u6c7d\u8f66\u96c6\u56e2\u80a1\u4efd\u6709\u9650\u516c\u53f8",
                "\u4e2d\u56fd\u94c1\u5efa\u80a1\u4efd\u6709\u9650\u516c\u53f8",
                "\u4e2d\u56fd\u79fb\u52a8\u6709\u9650\u516c\u53f8",
                "\u4e2d\u56fd\u4eba\u5bff\u4fdd\u9669\u80a1\u4efd\u6709\u9650\u516c\u53f8",
                "\u4e2d\u56fd\u5efa\u8bbe\u94f6\u884c\u80a1\u4efd\u6709\u9650\u516c\u53f8"
            ]
        }
    ],
    "yAxis": [
        {
            "name": "\u5355\u4f4d\uff1a\u767e\u4e07\u7f8e\u5143",
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "show": true,
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            }
        }
    ],
    "title": [
        {
            "subtext": "\u6392\u540d\u524d10\u7ecf\u6d4e\u60c5\u51b5",
            "left": "90%",
            "top": "10",
            "padding": 5,
            "itemGap": 10,
            "textStyle": {
                "color": "red",
                "fontWeight": "bold",
                "fontFamily": "SimHei",
                "fontSize": 25
            }
        }
    ]
};
        chart_a394efbc8bef46838069c90790801bc7.setOption(option_a394efbc8bef46838069c90790801bc7);
    </script>
</body>
</html>
